{% set isNarrow = true %}

{% extends "./layout/layout.html" %}

{% block content %}
<h1>&nbsp;登录页面</h1>

<div class="container">
  {% if isLogin %}
  <p>欢迎{{userName}},您已登录,请返回<a href="/">首页</a> </p>
  {% else %}
  <hr>
  <form>
    <div class="form-group">
      <label for="exampleInputEmail1">用户名</label>
      <input type="text" class="form-control" id="exampleInputEmail1" placeholder="请输入用户名">
    </div>
    <div class="form-group">
      <label for="exampleInputPassword1">密码</label>
      <input type="password" class="form-control" id="exampleInputPassword1" placeholder="请输入密码">
    </div>
    <button type="submit" class="btn btn-primary">登录</button>
    <a href="/register">注册账号>></a>
  </form>
  {% endif %}
</div>


{% endblock %}


{% block js %}
<script>
  $(".btn").click(function (e) {
    // 阻止默认行为
    e.preventDefault();
    // 获取用户名和密码
    const userName = $("#exampleInputEmail1").val();
    const password = $("#exampleInputPassword1").val();
    ajax.post("/api/user/login", { userName, password }, function (err, data) {
      if (err) {
        alert(err);
        return;
      }
      alert("登录成功")
      let search = location.search;
      // 转化为正确的地址
      let redirectUrl = decodeURIComponent(search.split("=")[1]);
      // 重定向
      if (redirectUrl === "undefined") {
        location.href = "/";
      } else {
        location.href = redirectUrl;
      }
    })
    // 发送给后台
    // $.ajax({
    //   type: "post",
    //   url: "/api/user/login",
    //   data: { userName, password },
    //   success(result) {
    //     console.log(result)
    //     if (result.errno === 0) {
    //       alert("登录成功");
    //       // query-object.js 依赖于 jquery
    //       // $.query.get("url") 方法会返回正确的url
    //       // location.href = "/";
    //       let search = location.search;
    //       // 转化为正确的地址
    //       let redirectUrl = decodeURIComponent(search.split("=")[1]);
    //       // 重定向
    //       if(redirectUrl === "undefined") {
    //         location.href="/";
    //       }else{
    //         location.href = redirectUrl;
    //       }
    //     } else {
    //       alert(result.message);
    //     };
    //   },
    //   error(err) {
    //     console.log(err)
    //   }
    // })
  })
</script>
{% endblock %}